<template>
  <div id="app">
    <lbj-top></lbj-top>
    <router-view/>
    <lbj-bottom></lbj-bottom>
  </div>
</template>

<script>
import lbjTop from "@/components/head";
import lbjBottom from "@/components/foot";
export default {
  name: "App",
  data() {
    return {
      index: 0
    };
  },
  components: {
    "lbj-top": lbjTop,
    "lbj-bottom": lbjBottom
  }
};
</script>

<style lang="scss">
@import "./css/reset.css"; //css reset
// @import "./css/tools.scss"; // scss tools
@import "./css/common.scss"; // 公共样式
@import "./css/index.scss"; // 边距及字体
@import "./css/animate.min.css";
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center; */
  color: $fontColor;

  /* margin-top: 60px; */
}
</style>
